<template>
  <div class="dmquery">
    <div class="dmquery-body">
      <table>
        <tr>
          <td width="120px">
            <a-input title="按关键字查询" placeholder="关键字" v-model="queryParams.keywords" allow-clear />
          </td>
          <td width="160px">
            <a-radio-group title="按性别查询" name="radioGroup" v-model="queryParams.sex" button-style="solid">
              <a-radio-button value="">不限</a-radio-button>
              <a-radio-button value="1">男</a-radio-button>
              <a-radio-button value="2">女</a-radio-button>
            </a-radio-group>
          </td>
          <td width="200px">
            <TreeSelectDialog v-model="queryParams.postIdList" multiple :mask="false"
                              placeholder="按职位查询"
                              :maxTagPlaceholder="2"
                              data-url="/jsofted/post/tree">
            </TreeSelectDialog>
          </td>
          <td>
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
import QueryParamsJS from '@/utils/DataQueryUtils.js'

export default {
  mixins: [QueryParamsJS],
  data() {
    return {
      queryParams: {
        keywords: '',
        sex: '',
        postIdList: []
      },
    }
  },
}
</script>
